<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="utf-8" />
<title></title>
<link href="css/style.css" rel="stylesheet" type="text/css" />
<script src="js/jquery-1.7.2.min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak=c7A2jm3enN7T0s5V8QbDHx85"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/TextIconOverlay/1.2/src/TextIconOverlay_min.js"></script>
<script type="text/javascript" src="http://api.map.baidu.com/library/MarkerClusterer/1.2/src/MarkerClusterer_min.js"></script>
<link rel="stylesheet" href="http://api.map.baidu.com/library/SearchInfoWindow/1.5/src/SearchInfoWindow_min.css"/>
<script src="js/visualization.js" type="text/javascript"></script> 
</head>

<body>
<div class="top mg2">
	<div class="topl f"><a href="#"><img align="absmiddle" src="images/index_1_01.png" /></a></div>
	<div class="topc f cen xi13">
		<ul>
			<li class="bg1"><a href="index">概况</a></li>
			<div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" /></div>
			<li class="bg1hover topchover"><a href="visualization">可视化</a></li>
			<div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" /></div>
			<li class="bg3"><a href="report">报表</a></li>
			<div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" /></div>
			<li class="bg4"><a href="trade">交易</a></li>
			<div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" /></div>
			<li class="bg5"><a href="operation">运维</a></li>
			<div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" /></div>
			<li class="bg6"><a href="service">服务</a></li>
			<div class="topcbar f"><img align="absmiddle" src="images/index_07.jpg" /></div>
			<li class="bg7"><a href="set">设置</a></li>
		</ul>
	</div>
	<div class="topr r xi13">
		<ul>
			<li><a href="#">欢迎您</a></li>
			<li><a href="#"><img align="absmiddle" src="images/index_26.png" /></a></li>
			<li><a href="#"><img align="absmiddle" src="images/index_28.png" /></a></li>
			<li><a href="/parkinfo/login"><img align="absmiddle" src="images/index_30.png" /></a></li>
		</ul>
	</div>
</div>
<div class="keshihua mg2">
	<div class="keshihual">
		<div id="lib_Tab1">
		<div class="lib_Menubox lib_tabborder">
		<ul class="xi14 cu">
		   <li id="one2" onClick="setTab('one',2,3)" style="border-left:1px solid #e2e2e2; border-right:1px solid #e2e2e2;">人员</li>
		   <li id="one3" onClick="setTab('one',3,3)">设备</li> 
		   <li id="one1" onClick="setTab('one',1,3)" class="hover">泊位</li>
		</ul>
		</div>
		 <div class="lib_Contentbox lib_tabborder">
		   <div id="con_one_1">
		   	<div class="keshihualz mg2">
				<div class="keshihualzs mg2 xi14">区中心<select name="" class="bd1_3 r">
		  <option value="自定">南京市停车办</option>
		  <option value="自定">滕州市停车办</option>
		  <option value="自定">自贡市停车办</option>
		</select></div>
				<div class="keshihualzs mg2 xi14">区域<select name="" class="bd1_3 r">
		  <option value="自定">雨花台区</option>
		  <option value="自定">江宁区</option>
		   <option value="自定">武侯区</option>
		    <option value="自定">建邺区</option>
			 <option value="自定">秦淮区</option>
		</select></div>
				<div class="keshihualzs mg2 xi14">路段<select name="" class="bd1_3 r">
		  <option value="自定">软件大道</option>
		  <option value="自定">花神大道</option>
		    <option value="自定">郁金香路</option>
		</select></div>
				<div class="keshihualzs mg2 xi14"><input name="" type="text" class="bd2 f"><input name="" type="button" class="an3 r xi14 bai" value="搜索站点"></div>
				
			</div>
		   </div>
		   <div id="con_one_2" style="display:none">
		   	<div class="keshihualz mg2">
			<div class="keshihualz_sb mg2">
					<ul>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_13.jpg" />收费员</label></li>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_15.jpg" />巡检员</label></li>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_19.jpg" />班长</label></li>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_20.jpg" />大队长</label></li>
					</ul>
				</div>
			<div class="keshihualzs mg2 xi14"><input name="" type="text" class="bd2 f"><input name="" type="button" class="an3 r xi14 bai" value="搜索人员"></div>

			</div>
		   </div>
		   <div id="con_one_3" style="display:none">
		   	<div class="keshihualz mg2">
			<div class="keshihualzs mg2 xi14">区中心<select name="" class="bd1_3 r">
		  <option value="自定">南京市停车办</option>
		  <option value="自定">滕州市停车办</option>
		  <option value="自定">自贡市停车办</option>
		</select></div>
		<div class="keshihualzs mg2 xi14">区域<select name="" class="bd1_3 r">
		  <option value="自定">雨花台区</option>
		  <option value="自定">江宁区</option>
		   <option value="自定">武侯区</option>
		    <option value="自定">建邺区</option>
			 <option value="自定">秦淮区</option>
		</select></div>
				<div class="keshihualzs mg2 xi14">路段<select name="" class="bd1_3 r">
		  <option value="自定">软件大道</option>
		  <option value="自定">花神大道</option>
		    <option value="自定">郁金香路</option>
		</select></div>
				<div class="keshihualz_sb mg2">
					<ul>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_13.jpg" />网关</label></li>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_15.jpg" />收费终端</label></li>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_19.jpg" />巡检终端</label></li>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_20.jpg" />地磁</label></li>
						<li><label><input name="" type="checkbox" value="" checked><img align="absmiddle" src="images/keshihua2_23.jpg" />诱导屏</label></li>
					</ul>
				</div>
			</div>
		   </div>
		 </div>
		</div>
	</div>
	<div class="keshihuar">
		<div class="dituz">
			<div class="ditus mg2 xi13">
				<div class="ditusrshow r">全屏</div>
				<div class="ditusrhide r">取消全屏</div>
				<div class="ditusl r"><img align="absmiddle" src="images/keshihua2_03.jpg" />充足<img align="absmiddle" src="images/keshihua2_05.jpg" />较少<img align="absmiddle" src="images/keshihua2_07.jpg" />已满</div>
			</div>
			<div class="ditux mg2"><div id="map_canvas" style="height:100%;width:100%"></div></div>
		</div>
	</div>
</div>
<script src="js/js.js"></script>
   <script>
           $(document).ready(function(){
                $.fn.map.initial();
            }); 
    </script>
</body>
</html>
